<template>
    <view class="bg-[#F8F8F8] pt-[20rpx] min-h-screen">
        <view class="text-[36rpx] pt-[20rpx] flex justify-around">
            <text @click="creent = 0"
                :class="creent == 0 ? 'font-bold text-[#FD755D] border-b-[5rpx] border-[#FD755D]' : ''"
                class="mr-[36rpx] ">学校</text>
            <text @click="creent = 1"
                :class="creent == 1 ? 'font-bold text-[#FD755D] border-b-[5rpx] border-[#FD755D]' : ''"
                class="text-[#434141]">机构</text>

        </view>
        <view v-if="creent == 0">
            <view @click="navigateTo('/pages/schoolDetails/schoolDetails')" class="bg-[#fff] pb-[45rpx] mt-2">

                <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                    <view class="flex items-center">
                        <view class="w-[124rpx] h-[124rpx] relative">
                            <image class="w-[124rpx] h-[124rpx]"
                                src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png">
                            </image>
                            <view
                                class=" absolute w-[124rpx]  text-center text-[#fff] bg-[#FD755D] bottom-0 text-[24rpx] rounded">
                                官方授权</view>
                        </view>
                        <view class="ml-[38rpx]">
                            <view class="text-[#3D3D3D] font-medium">
                                青秀区老年大学
                            </view>
                            <view class=" font-normal mt-[17rpx] text-[#FD755D]">
                                招生报名中>>
                            </view>
                        </view>
                    </view>


                </view>
            </view>
            <view class="bg-[#fff] pb-[45rpx] mt-[10rpx]">
                <view class="h-[36rpx]"></view>
                <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                    <view class="flex items-center">
                        <view class="w-[124rpx] h-[124rpx] relative">
                            <image class="w-[124rpx] h-[124rpx]"
                                src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png">
                            </image>
                            <view
                                class=" absolute w-[124rpx]  text-center text-[#fff] bg-[#FD755D] bottom-0 text-[24rpx] rounded">
                                官方授权</view>
                        </view>
                        <view class="ml-[38rpx]">
                            <view class="text-[#3D3D3D] font-medium">
                                西乡塘老年大学
                            </view>
                            <view class=" font-normal mt-[17rpx] text-[#FD755D]">
                                招生报名中>>
                            </view>
                        </view>
                    </view>


                </view>
            </view>
            <view class="bg-[#fff] pb-[45rpx] mt-[10rpx]">
                <view class="h-[36rpx]"></view>
                <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                    <view class="flex items-center">
                        <view class="w-[124rpx] h-[124rpx] relative">
                            <image class="w-[124rpx] h-[124rpx]"
                                src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png">
                            </image>
                            <view
                                class=" absolute w-[124rpx]  text-center text-[#fff] bg-[#FD755D] bottom-0 text-[24rpx] rounded">
                                官方授权</view>
                        </view>
                        <view class="ml-[38rpx]">
                            <view class="text-[#3D3D3D] font-medium">
                                马山县老年大学
                            </view>
                            <view class=" font-normal mt-[17rpx] text-[#FD755D]">
                                招生报名中>>
                            </view>
                        </view>
                    </view>


                </view>
            </view>
        </view>
        <view v-else>
            <view class="bg-[#fff] pb-[45rpx] mt-[10rpx]">
                <view class="h-[36rpx]"></view>
                <view class="flex ml-[30rpx] mr-[20rpx] justify-between">
                    <view class="flex items-center">
                        <view class="w-[124rpx] h-[124rpx] relative">
                            <image class="w-[124rpx] h-[124rpx]"
                                src="https://gangantao.com/image/20241216/1ee10869-16bf-4e3a-b607-4aad213c4534.png">
                            </image>

                        </view>
                        <view class="ml-[38rpx]">
                            <view class="text-[#3D3D3D] font-medium">
                                青秀区老年干部活动中心
                            </view>

                        </view>
                    </view>


                </view>
            </view>
        </view>
    </view>

</template>
<script setup>
import { ref, reactive, onMounted, onUnmounted, getCurrentInstance } from 'vue'

const creent = ref(0);
const navigateTo = (url) => {
    uni.navigateTo({
        url
    })
}
</script>
<style></style>